<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum=1.0,minimum-scale=1.0"/>
		<title>基本下拉菜单</title>
		<link href="css/bootstrap.css" rel="stylesheet" />
	</head>
	<body>
		<div class="dropup open"> <!--open控制传递收缩展开 -->
			<button class="btn btn-default" data-toggle="dropdown">
				Dropdown
				<span class="caret"></span> <!--向下小三角-->
			</button>
			<ul class="dropdown-menu"> <!--默认是选中状态-->
				<li class="active"><a href="#">Action</a></li>
				<li><a href="#">Another action</a></li>
				<li class="divider"></li> <!--分界线-->
				<li><a href="#">Something else here</a></li>
				<li><a href="#">Separated link</a></li>
			</ul>
		</div> 
		<script src="js/jquery-1.12.4.js"></script>
		<script src="js/bootstrap.js"></script>
	</body>
</html>
